class switchButton{
	constructor(id,_on=false){
		this.id = "#" + id;
		this._on = _on;
		return this;
	}

	toggle() {
		$(this.id).stop(true);
		$($(this.id).children()[0]).stop(true);
		if(this._on === true){
			$(this.id).css("background-color","rgb(255,0,0)");
			$($(this.id).children()[0]).animate({"left":"1px"});
		}else{
			$(this.id).css("background-color","rgb(0,255,0)");
			$($(this.id).children()[0]).animate({"left":"31px"});
		}
		this._on = !this._on;
		return this;
	}

	off() {
		$(this.id).stop(true);
		$(this.id).css("background-color","rgb(255,0,0)");
		$($(this.id).children()[0]).animate({"left":"1px"});
		this._on = false;
		return this;
	}

	on() {
		$(this.id).stop(true);
		$(this.id).css("background-color","rgb(0,255,0)");
		$($(this.id).children()[0]).animate({"left":"31px"});
		this._on = true;
		return this;
	}
}

//UNFINISHED
// class menuButton {
// 	constructor(id,_list = new Array()){
// 		this.id = "#" + id;
// 		this._list = _list;
// 		this.init();
// 		return this;
// 	}

// 	init() {

// 	}


// 	slideDown() {
// 		$(this.id).children()[0].slideUp();
// 		$(this.id).children()[1].slideDown();
// 	}


// }
